<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html" %>
<%@ taglib uri="/WEB-INF/tld/links.tld" prefix="links" %>
<html:xhtml />
<script type="text/javascript">
    $(document).ready(function() {
        $("#helpDialog").dialog({
            autoOpen: false,
            position: "right"
        });
        $("#helpButton").click(function() {
            $("#helpDialog").dialog("open");
        });
    });
</script>
<div id="assocResult" class="content">
    <h2>
        Association <span id="helpButton" class="ui-icon help ui-icon-info">&nbsp;&nbsp;&nbsp;</span>
    </h2>
    <html:form action="assocSearchSubmit">
        <div class="input">
            <html:hidden property="chkPvalue" value="true" />
            <dl>
                <dt>Corrected PValue</dt>
                <dd>
                    <html:select property="cutType">
                        <html:options property="availableCutType" />
                    </html:select>&nbsp;
                    <html:text property="cutValue" size="5"></html:text>&nbsp;
                    <html:submit value="Filter" property="submitType" />
                </dd>
            </dl>
        </div>
    </html:form>
    <div id="ajaxContent">
        <links:ImageMapTag />
        <img src='<html:rewrite page="/chartviewer" />?sid=<%=Math.random()%>' usemap="#chart" alt="Association Chart" />
    </div>
</div>
<div id="helpDialog" title="Association">
    <p>
        The y-axis represents the -log<sub>10</sub>(corrected p-value) and are ordered
        by chromosome on the x-axis. Moving the cursor over a point will display
        the p-value, gene and rsnumber for the SNP that generated the p-value.
        Clicking on a point will take you to the SNP Summary Page for that particular
        SNP.
    </p>
</div>